<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>DJI 大疆商城 - DJI 大疆无人机、手持稳定器、专业影像设备及增值服务
        (中国大陆)</title>
    <!-- 初始化样式 -->
    <link rel="stylesheet" href="../css/normalize.css">
    <!-- 主体样式 -->
    <link rel="stylesheet" href="../css/index.css">
    <!-- 图标字体库 -->
    <link rel="stylesheet" href="../font/iconfont.css" />

</head>

<body>
    <!-- 页面头部 -->
    <header>
        <!-- 头部第一行 -->
        <div class="head_list1">
            <div class="center_list1">
                <span><a href="./index.html">DJI 大疆官网</a></span>
                <span>满 ¥99 顺丰包邮。热门主机使用花呗，京东白条和招行分期最高可享 3 期免息，下单即享 1% DJI币返点。</span>
                <ul class="top_right clearfix">
                    <li class="shop_car"><a href="#">
                            <span class="iconfont">&#xe707;</span>
                            <span>购物车</span>
                            <span class="num">0</span></a></li>
                    <li><a href="#">登录</a></li>
                    <li><a href="#">注册</a></li>
                    <li><a href="">中国大陆(简体中文/￥CNY)</a></li>
                </ul>
            </div>
        </div>
        <!-- 头部第二行 -->
        <div class="head_list2 ">
            <ul class="center_list2">
                <li><a href="./index.html">
                        <div class="logo">
                            <span class="iconfont">&#xe6f7;</span>
                            <span>商城</span>
                        </div>
                    </a></li>
                <li><a href="#">商品分类
                        <span class="iconfont">&#xe731;</span>
                    </a></li>
                <li><a href="#">以旧换新</a></li>
                <li><a href="#">购机指南</a></li>
                <li><a href="#">DJI 大疆商城 APP</a></li>
                <li>
                    <form action="#">
                        <input type="text" name="search" placeholder="搜索商品..." />
                        <span class="iconfont iconsousuo"></span>
                    </form>
                </li>
            </ul>


        </div>
        <!-- 头部第三行 -->
        <div class="head_list3 ">
            <ul class="head_list3_menu">
                <!-- <li>
                    <a href="./Mavic.html">
                        <div>
                            <img src="https://stormsend1.djicdn.com/stormsend/uploads/48c26180-9980-0136-3e40-12528100fbe3/mavic2.svg"
                                alt="" />
                        </div>
                        <div>御 Mavic</div>
                    </a>
                </li> -->
            </ul>
        </div>

    </header>
    <!-- 轮播图 -->
    <div class="slideshow">
        <!-- <div class="slide_img">
           <a href=""> <img src="../imgs/banner1.jpg" alt=""></a>
            <span>DJI FPV</span>
            <span>飞临其境</span>
        </div> -->
        <div class="turn slide_left">&lt;</div>
        <div class="turn slide_right">&gt;</div>
        <div class="slide_dot">
            <!-- <div class="active"></div>
            <div></div>
            <div></div> -->
        </div>
    </div>
    <!-- 主要内容 -->
    <div class="main ">
        <ul class="products_list">
            <li><a href="#"><img src="" alt="">
                    <img src="../imgs/imglist/img3-1.png" alt="">
                    <div>
                        <h2>DJI FPV 套装</h2>
                        <h4>沉浸式飞行体验 · 4K/60fps超广角拍摄 · 全新运动模式</h4>
                        <p>DJI FPV， 将飞行想象变成现实，全新沉浸式驾控让你化身飞行员，像驾车般流畅自如地驾驭飞行，轻而易举实现心中所想，见所未见。</p>
                        <span>￥<i>7999</i></span>
                    </div>
                </a>
            </li>
        </ul>
        <ul class="products_list2">
            <li><span>DJI Care 随心续享<br>商城专属，双重保障</span></li>
            <li><span>DJI 以旧换新<br>闲置电子设备，抵价换新机</span></li>
        </ul>
        <div class="Mavic">
            <div class="Mavic_head clearfix">
                <h1>御 Mavic</h1>
                <a href=""> 更多&gt;</a>
            </div>


            <div class="Mavic_list1 clearfix">
                <div class="Mavic_list1_left">
                    <a href="#">
                        <img src=""
                            alt="">
                        <div>
                            <h2></h2>
                            <p></p>
                            <span>￥<i></i></span>
                        </div>
                    </a>
                </div>
                <div class="Mavic_list1_right">
                    <video loop autoplay muted
                        src=''></video>
                </div>
            </div>
        </div>
        <!-- 商品明細展示 -->
        <ul class="Mavic_main">
            <li><a href="#">
                    <div
                        style="background-image: url(https://product3.djicdn.com/uploads/spu/cover/7727599c23f26f2fa55ab60494cd3569@retina_small.png);">
                        <img src="https://product1.djicdn.com/uploads/spu/hover/03cf5b56f0c3520e87bf21ada53aac9a@origin.jpg"
                            alt="">
                        <!--  -->
                        <div>可拍摄 8K 延时影片，4K/60fps 视频，4800 万像素照片。拥有最长 34 分钟续航，最远 10 公里图传距离，焦点跟随功能，支持自行避障。</div>
                    </div>
                    <h2>御 Mavic Air 2</h2>
                    <span>￥<i>4999</i></span>
                </a></li>
        </ul>
    </div>
    <!--頁脚 -->
    <footer class="clearfix">
        <ul class="sever ">
            <li>
                <div><img src="../imgs/truck-moving.svg" alt="">
                </div> <span>全场满 ¥99 顺丰包邮<br>（顺丰无法配送的区域将使用 EMS）</span>
            </li>
            <li>
                <div><img src="../imgs/credit-card.svg" alt="">
                </div>
                <span>支持支付宝、微信、银联、银行转账<br>支持花呗、京东白条和招行分期</span>
            </li>
            <li>
                <div><img src="../imgs/comment-alt-smile.svg" alt=""></div>
                <span>邮箱：<a href="support@dji.com">support@dji.com</a></span>
            </li>
            <li>
                <div><img src="../imgs/newGovIcon.gif" alt=""></div>
            </li>
        </ul>
        <!-- 頁脚鏈接 -->
        <div class="link_box">
            <ul>
                <li>商城热卖</li>
                <li><a href="#"> "御" Mavic</a></li>
                <li><a href="#"> "晓" Spark</a></li>
                <li><a href="#"> 精灵 Phantom</a></li>
                <li><a href="#"> 灵眸 Osmo</a>/li>
                <li><a href="#"> "悟" Inspire</a></li>
                <li><a href="#"> 如影 Ronin</a></li>
            </ul>
            <ul>
                <li>购买指南</li>
                <li><a href="#"> 支付方式</a></li>
                <li><a href="#"> 订单帮助</a></li>
                <li><a href="#"> 发货和物流</a></li>
                <li><a href="#"> 退换货条款</a></li>
                <li><a href="#"> 技术支持</a></li>
                <li><a href="#"> 售后服务政策</a></li>
                <li><a href="#"> DJI币返利计划</a></li>
            </ul>
            <ul>
                <li>商城项目</li>
                <li><a href="#"> 以旧换新</a></li>
                <li><a href="#"> DJI大疆商城App</a></li>
            </ul>

            <ul>
                <li>社区</li>
                <li><a href="#"> 天空之城</li>
                <li><a href="#"> DJI大疆社区</a></li>
                <li><a href="#"> 购机指南</a></li>
            </ul>
            <ul>
                <li>订阅</li>
                <li>第一时间了解我们的促销活动、热销产品和最新信息。</li>
                <li class="email_link">
                    <input type="text" placeholder="请输入您的邮箱"><span>&gt;</span>
                </li>
            </ul>
        </div>
        <!-- 脚下link1 -->
        <div class="footer_link1 clearfix">
            <div class="footer_link1_left">
                <i class="iconfont">&#xe6f7;</i>
                <a href="">关于我们</a>
                <a href="">联系我们</a>
                <a href="">招聘精英</a>
                <a href="">官方旗舰店</a>
            </div>
            <div class="footer_link1_right">
                <a href="#"><i class="iconfont youku">&#xe69a;</i></a>
                <a href="#"><i class="iconfont ">&#xe63e;</i></a>
                <a href="#"><i class="iconfont">&#xe605;</i></a>
            </div>
        </div>

        <!-- 脚下link2  -->
        <div class="footer_link2 clearfix">
            <div class="footer_link2_left">
                <span>Copyright © 2021 DJI 大疆创新 版权所有</span>
                <a href="#">隐私权政策</a><i>·</i>
                <a href="#">使用条款</a><i>·</i>
                <a href="#">粤ICP备12032134号-11</a><i>·</i>
                <a href="#">营业执照</a><i>·</i>
                <a href="#">网站地图</a>
            </div>
            <div class="footer_link2_right">网站问题反馈？<a href="#">点击这里</a></div>
        </div>
    </footer>
    <!-- 两个按钮 回到顶部 客服 -->
    <div class="use">
        <a href="#">
            <div><i class="iconfont">&#xe730;</i></div>
        </a>
        <a href="#">
            <div><i class="iconfont">&#xe651;</i></div>
        </a>
    </div>
    <script src="../js/utils.js"></script>
    <script src="../data/data-index.js"></script>
    <script src="../js/index.js"></script>
</body>

</html>